<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Home</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!--Google Font link-->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">


<link rel="stylesheet" href="../css/slick/slick.css">
<link rel="stylesheet" href="../css/slick/slick-theme.css">
<link rel="stylesheet" href="../css/animate.css">
<link rel="stylesheet" href="../css/iconfont.css">
<link rel="stylesheet" href="../css/font-awesome.min.css">
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/magnific-popup.css">
<link rel="stylesheet" href="../css/bootsnav.css">
<link rel="stylesheet" href="../css/new.css">

<!-- xsslider slider css -->
<!--<link rel="stylesheet" hrIDIS_FRONTsets/css/xsslider.css">-->

<!--For Plugins external css-->
<!--<link rel="stylesheet" hrIDIS_FRONTsets/css/plugins.css" />-->

<!--Theme custom css -->
<link rel="stylesheet" href="../css/style.css">
<!--<link rel="stylesheet" hrIDIS_FRONTsets/css/colors/maron.css">-->

<!--Theme Responsive css-->
<link rel="stylesheet" href="../css/responsive.css" >

<script src="../js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>

<body data-spy="scroll" data-target=".navbar-collapse">


<div class="culmn">
	<!--Home page style-->

	<!--导航栏模块开始-->
	<nav class="navbar navbar-default bootsnav navbar-fixed">


		<!-- Start Top Search -->
		<div class="top-search">
			<div class="container">
				<div class="input-group">
					<span class="input-group-addon"><i class="fa fa-search"></i></span>
					<input type="text" class="form-control" placeholder="Search">
					<span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
				</div>
			</div>
	  </div>
		<!-- End Top Search -->


		<div class="container"> 
			<div class="attr-nav">
				<ul>
					<li class="search"><a href="#"><i class="fa fa-search"></i></a></li>
				</ul>
			</div> 

			<!-- Start Header Navigation -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
					<i class="fa fa-bars"></i>
				</button>
				<a class="navbar-brand" href="#brand">
					<img src="../images/logo.png" class="logo" alt="">
					<!--<img sIDIS_FRONTsets/images/footer-logo.png" class="logo logo-scrolled" alt="">-->
				</a>

			</div>
			<!-- End Header Navigation -->

			<!-- navbar menu -->
			<div class="collapse navbar-collapse" id="navbar-menu">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="index">首页</a></li>
					<li><a href="abstract">工作室简介</a></li>
					<li><a href="works">工作室作品</a></li>
					<li><a href="teacher">指导老师介绍</a></li>
					<li><a href="member">成员介绍</a></li>
					<li><a href="contact">联系我们</a></li>
				</ul>
			</div><!-- /.navbar-collapse -->
		</div> 

	</nav>
	<!--导航栏模块结束-->

	<!--工作室介绍模块开始-->
	<section id="business2" class="business bg-grey roomy-70">
		<div class="container">
			<div class="row">
				<div class="main_business">
					<div class="col-md-6">
						<div class="business_item new-business_item sm-m-top-50">
							<h2 class="text-uppercase"><strong>IDIS工作室</strong> </h2>
							<p class="m-top-20">Lorem ipsum dolor sit amet, consectetur adipiscing elit pellentesque eleifend in mi
								sit amet mattis suspendisse ac ligula volutpat nisl rhoncus sagittis cras suscipit
								lacus quis erat malesuada lobortis eiam dui magna volutpat commodo eget pretium vitae
								elit etiam luctus risus urna in malesuada ante convallis.</p>

							<div class="business_btn">
								<a href="../html/abstract" class="btn btn-primary m-top-20">Read More</a>
							</div>

						</div>
					</div>
					<div class="col-md-6">
						<div class="new-picure"></div>
						<div class="business_slid">
							<div class="slid_shap bg-grey"></div>
								<div class="business_item">
									<div class="business_img">
										<img src="../images/about-img1.jpg" alt="" />
									</div>
								</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</section><!-- End off Business section -->
	<!--工作室介绍模块结束-->

	<!--介绍模块开始-->
	<section id="features" class="features">
		<div class="container">
			<div class="row">
				<div class="main_features fix roomy-70">
					<div class="col-md-4">
						<div class="features_item sm-m-top-30">
							<div class="f_item_icon">
								<i class="fa fa-thumbs-o-up"></i>
							</div>
							<div class="f_item_text">
								<h3>最优质的设计</h3>
								<p>Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque eleifend
									in sit amet mattis volutpat rhoncus.</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="features_item sm-m-top-30">
							<div class="f_item_icon">
								<i class="fa fa-tablet"></i>
							</div>
							<div class="f_item_text">
								<h3>响应式设计</h3>
								<p>Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque eleifend
									in sit amet mattis volutpat rhoncus.</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="features_item sm-m-top-30">
							<div class="f_item_icon">
								<i class="fa fa-sliders"></i>
							</div>
							<div class="f_item_text">
								<h3>良好的服务</h3>
								<p>Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque eleifend
									in sit amet mattis volutpat rhoncus.</p>
							</div>
						</div>
					</div>
				</div>
			</div><!-- End off row -->
		</div><!-- End off container -->
	</section><!-- End off Featured Section-->
	<!--介绍模块结束-->

	<!--移动应用开发模块开始-->
	<section id="business" class="business bg-grey roomy-70">
		<div class="container">
			<div class="row">
				<div class="main_business">
					<div class="col-md-6">
						<div class="business_slid">
							<div class="slid_shap bg-grey"></div>
							<div class="business_items text-center">
								<div class="business_item">
									<div class="business_img">
										<img src="../images/about-img1.jpg" alt="" />
									</div>
								</div>

								<div class="business_item">
									<div class="business_img">
										<img src="../images/about-img1.jpg" alt="" />
									</div>
								</div>

								<div class="business_item">
									<div class="business_img">
										<img src="../images/about-img1.jpg" alt="" />
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="col-md-6">
						<div class="business_item sm-m-top-50">
							<h2 class="text-uppercase">移动应用开发</h2>
							<ul>
								<li><i class="fa fa-arrow-circle-right"></i> 良好的设计</li>
								<li><i class="fa  fa-arrow-circle-right"></i> 充分响应</li>
								<li><i class="fa  fa-arrow-circle-right"></i> 优质服务</li>
							</ul>
							<p class="m-top-20">Lorem ipsum dolor sit amet, consectetur adipiscing elit pellentesque eleifend in mi 
								sit amet mattis suspendisse ac ligula volutpat nisl rhoncus sagittis cras suscipit 
								lacus quis erat malesuada lobortis eiam dui magna volutpat commodo eget pretium vitae
								elit etiam luctus risus urna in malesuada ante convallis.</p>

							<div class="business_btn">
								<a href="#" class="btn btn-default m-top-20">Read More</a>
								<a href="#" class="btn btn-primary m-top-20">Buy Now</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--移动应用开发模块结束-->

	<!--成员介绍模块开始-->
	<section id="product" class="product">
		<div class="container">
					<div class="main_product roomy-80">
						<div class="head_title text-center fix">
							<h2 class="text-uppercase">成员介绍</h2>
							<h5>优秀的、专业的团体</h5>
						</div>

						<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
							<!-- Indicators -->
							<ol class="carousel-indicators">
								<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
								<li data-target="#carousel-example-generic" data-slide-to="1"></li>
								<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							</ol>

							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">

								<div class="item active">
									<div class="container" >
										<div class="row" id="content">
										</div>
									</div>
								</div>
								<div class="item">
									<div class="container">
										<div class="row" id="content1">
										</div>
									</div>
								</div>
							</div>

					<!-- Controls -->
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						<i class="fa fa-angle-left" aria-hidden="true"></i>
						<span class="sr-only">Previous</span>
					</a>

					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						<i class="fa fa-angle-right" aria-hidden="true"></i>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</div><!-- End off row -->
		</div><!-- End off container -->
	</section><!-- End off Product section -->
	<!--成员介绍模块结束-->

	<!--团队领袖模块开始-->
	<section id="test" class="test bg-grey roomy-60 fix">
		<div class="container">
			<div class="row">                        
				<div class="main_test fix">

					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="head_title text-center fix">
							<h2 class="text-uppercase">团队领袖</h2>
							<h5>IDIS智能决策工作室的负责人</h5>
						</div>
					</div>

					<div class="col-md-4">
						<div class="test_item fix">
							<div class="item_text">
								<h5>Sarah Smith</h5>
								<h6>envato.com</h6>

								<p>Natus voluptatum enim quod necessitatibus quis
									expedita harum provident eos obcaecati id culpa
									corporis molestias.</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="test_item fix">
							<div class="item_text">
								<h5>Sarah Smith</h5>
								<h6>envato.com</h6>

								<p>Natus voluptatum enim quod necessitatibus quis
									expedita harum provident eos obcaecati id culpa
									corporis molestias.</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="test_item fix sm-m-top-30">
							<div class="item_text">
								<h5>Sarah Smith</h5>
								<h6>envato.com</h6>

								<p>Natus voluptatum enim quod necessitatibus quis
									expedita harum provident eos obcaecati id culpa
									corporis molestias.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section><!-- End off test section -->
	<!--团队领袖模块结束-->

	<!--外企图标模块开始-->
	<section id="brand" class="brand fix roomy-80">
		<div class="container">
			<div class="row">
				<div class="main_brand text-center">
					<div class="col-md-2 col-sm-4 col-xs-6">
						<div class="brand_item sm-m-top-20">
							<img src="../images/cbrand-img1.png" alt="" />
						</div>
					</div>
					<div class="col-md-2 col-sm-4 col-xs-6">
						<div class="brand_item sm-m-top-20">
							<img src="../images/cbrand-img2.png" alt="" />
						</div>
					</div>
					<div class="col-md-2 col-sm-4 col-xs-6">
						<div class="brand_item sm-m-top-20">
							<img src="../images/cbrand-img3.png" alt="" />
						</div>
					</div>
					<div class="col-md-2 col-sm-4 col-xs-6">
						<div class="brand_item sm-m-top-20">
							<img src="../images/cbrand-img4.png" alt="" />
						</div>
					</div>
					<div class="col-md-2 col-sm-4 col-xs-6">
						<div class="brand_item sm-m-top-20">
							<img src="../images/cbrand-img5.png" alt="" />
						</div>
					</div>
					<div class="col-md-2 col-sm-4 col-xs-6">
						<div class="brand_item sm-m-top-20">
							<img src="../images/cbrand-img6.png" alt="" />
						</div>
					</div>
				</div>
			</div>
		</div>
	</section><!-- End off Brand section -->
	<!--外企图标模块结束-->

	<div class="about_play">
		<div id="carousel-example-generic1" class="carousel slide carousel-fade" data-ride="carousel">

			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic1" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic1" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic1" data-slide-to="2"></li>
			</ol>

			<div class="carousel-inner" role="listbox">
				<div class="item active img-responsive">
					<img  src="../images/water.gif" alt="...">
					<div class="carousel-caption"></div>
				</div>
				<div class="item img-responsive">
					<img  src="../images/cut.jpg" alt="...">
					<div class="carousel-caption"></div>
				</div>
				<div class="item img-responsive">
					<img  src="../images/cut.jpg" alt="...">
					<div class="carousel-caption"></div>
				</div>
			</div>

			<a class="left carousel-control carousel-control1"   href="#carousel-example-generic1" role="button" data-slide="prev">
				<span class=" " aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control carousel-control1" href="#carousel-example-generic1" role="button" data-slide="next">
				<span class=" " aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
	</div>
	<!--轮播-左右翻转图片-结束-->

	<!--标语模块开始-->
	<section id="action" class="action bg-primary roomy-40">
		<div class="container">
			<div class="row">
				<div class="maine_action">
					<div class="action_item text-center">
							<h2 class="text-white text-uppercase">你所需要的，尽在这里！</h2>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--标语模块结束-->

	<!--底部模块开始-->
	<footer id="contact" class="footer action-lage bg-black p-top-80">
		<!--<div class="action-lage"></div>-->
		<div class="container">
			<div class="row">
				<div class="widget_area">
					<div class="col-md-3">
						<div class="widget_item widget_about">
							<h5 class="text-white">关于我们</h5>
							<p class="m-top-20">Lorem ipsum dolor sit amet consec tetur adipiscing elit 
								nulla aliquet pretium nisi in cursus 
								maecenas nec eleifen.</p>
							<div class="widget_ab_item m-top-30">
								<div class="item_icon"><i class="fa fa-location-arrow"></i></div>
								<div class="widget_ab_item_text">
									<h6 class="text-white">地址</h6>
									<p>
										华南农业大学
										数学与信息学院</p>
								</div>
							</div>
							<div class="widget_ab_item m-top-30">
								<div class="item_icon"><i class="fa fa-phone"></i></div>
								<div class="widget_ab_item_text">
									<h6 class="text-white">电话 :</h6>
									<p>+1 2345 6789</p>
								</div>
							</div>
							<div class="widget_ab_item m-top-30">
								<div class="item_icon"><i class="fa fa-envelope-o"></i></div>
								<div class="widget_ab_item_text">
									<h6 class="text-white">邮箱 :</h6>
									<p>youremail@mail.com</p>
								</div>
							</div>
						</div><!-- End off widget item -->
					</div><!-- End off col-md-3 -->

					<div class="col-md-3">
						<div class="widget_item widget_latest sm-m-top-50">
							<h5 class="text-white">最新作品</h5>
							<div class="widget_latst_item m-top-30">
								<div class="item_icon"><img src="../images/ltst-img-1.jpg" alt="" /></div>
								<div class="widget_latst_item_text">
									<p>Lorem ipsum dolor sit amet, consectetur</p>
									<a href="">21<sup>th</sup> July 2016</a>
								</div>
							</div>
							<div class="widget_latst_item m-top-30">
								<div class="item_icon"><img src="../images/ltst-img-2.jpg" alt="" /></div>
								<div class="widget_latst_item_text">
									<p>Lorem ipsum dolor sit amet, consectetur</p>
									<a href="">21<sup>th</sup> July 2016</a>
								</div>
							</div>
							<div class="widget_latst_item m-top-30">
								<div class="item_icon"><img src="../images/ltst-img-3.jpg" alt="" /></div>
								<div class="widget_latst_item_text">
									<p>Lorem ipsum dolor sit amet, consectetur</p>
									<a href="">21<sup>th</sup> July 2016</a>
								</div>
							</div>
						</div><!-- End off widget item -->
					</div><!-- End off col-md-3 -->

					<div class="col-md-3">
						<div class="widget_item widget_service sm-m-top-50">
							<h5 class="text-white">项目类型</h5>
							<ul class="m-top-20">
								<li class="m-top-20"><a href=""><i class="fa fa-angle-right"></i> Web Design</a></li>
								<li class="m-top-20"><a href=""><i class="fa fa-angle-right"></i> User Interface Design</a></li>
								<li class="m-top-20"><a href=""><i class="fa fa-angle-right"></i> E- Commerce</a></li>
								<li class="m-top-20"><a href=""><i class="fa fa-angle-right"></i> Web Hosting</a></li>
								<li class="m-top-20"><a href=""><i class="fa fa-angle-right"></i> Themes</a></li>
								<li class="m-top-20"><a href=""><i class="fa fa-angle-right"></i> Support Forums</a></li>
							</ul>
						</div><!-- End off widget item -->
					</div><!-- End off col-md-3 -->

					<div class="col-md-3">
						<div class="widget_item widget_newsletter sm-m-top-50">
							<h5 class="text-white">搜索</h5>
							<form class="form-inline m-top-30">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="站内搜索">
									<button type="submit" class="btn text-center"><i class="fa fa-arrow-right"></i></button>
								</div>

							</form>
							<div class="widget_brand m-top-40">
								<a href="" class="text-uppercase">Your Logo</a>
								<p>Lorem ipsum dolor sit amet consec tetur 
									adipiscing elit nulla aliquet pretium nisi in</p>
							</div>

						</div><!-- End off widget item -->
					</div><!-- End off col-md-3 -->
				</div>
			</div>
		</div>
		<div class="main_footer fix bg-mega text-center p-top-40 p-bottom-30 m-top-80">
			<div class="col-md-12">
				<p class="wow fadeInRight" data-wow-duration="1s"> SCAU Copyright © 2018 SCAU IDIS All rights reserved.</p>
			</div>
		</div>
	</footer>
	<!--底部模块结束-->



</div>

<!-- JS includes -->

<script src="../js/vendor/jquery-1.11.2.min.js"></script>
<script src="../js/vendor/bootstrap.min.js"></script>
<script src="../js/jquery.magnific-popup.js"></script>
<script src="../js/jquery.easing.1.3.js"></script>
<script src="../css/slick/slick.js"></script>
<script src="../css/slick/slick.min.js"></script>
<script src="../js/jquery.collapse.js"></script>
<script src="../js/bootsnav.js"></script>
<script src="../js/plugins.js"></script>
<script src="../js/main.js"></script>
<script>
    $(document).ready(function(){
        $.ajax({                                                                                       //加载ajax；
            type: "GET",
            url: "/show/allstudent" ,
            dataType: "json",                                                                          //请求路径，这里的路径是一个json文件；
            success: function(data) {                                                                 //当请求成功时执行的回调函数；
                var num = 1;
				$.each(data.allStudent, function(i, item) {
				    if(num<=4){

                    $("#content").append(
						    '<div class="col-sm-3">' +
                                '<div class="port_item xs-m-top-30">' +
						            '<div class="port_img">' +
                                        '<img src="' + item.picture + '" alt="" />' +
                                    '</div>' +
                                    '<div class="port_caption m-top-20">' +
						                '<h5>' + item.name + '</h5>' +
						                '<h6>' + item.content + '</h6>' +
                                    '</div>' +
						       '</div>'
                )
					num = num+1;
                    }
                    if(num>4&&num<=8){

                        $("#content1").append(
                            '<div class="col-sm-3">' +
                            '<div class="port_item xs-m-top-30">' +
                            '<div class="port_img">' +
                            '<img src="' + item.picture + '" alt="" />' +
                            '</div>' +
                            '<div class="port_caption m-top-20">' +
                            '<h5>' + item.name + '</h5>' +
                            '<h6>' + item.content + '</h6>' +
                            '</div>' +
                            '</div>'
                        )
                        num = num+1;
					}
                    if(num>8&&num<=12){

                        $("#content2").append(
                            '<div class="col-sm-3">' +
                            '<div class="port_item xs-m-top-30">' +
                            '<div class="port_img">' +
                            '<img src="' + item.picture + '" alt="" />' +
                            '</div>' +
                            '<div class="port_caption m-top-20">' +
                            '<h5>' + item.name + '</h5>' +
                            '<h6>' + item.content + '</h6>' +
                            '</div>' +
                            '</div>'
                        )
                        num = num+1;
                    }

                });
            }
        });
    });
</script>
</body>
</html>